<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:substituteby="navtempStore::docHead(#{tenantcenter.name},'首页')">
</head>
<body>
<script type="text/javascript" th:substituteby="demo/store/enrollCourse.js::js"></script>
<style type="text/css">
    html {
        height: 100%
    }

    body {
        height: 100%;
        margin: 0px;
        padding: 0px
    }

    #container {
        height: 750px;
    }

    .myRow {
        margin: 0 auto;
        border-bottom: 1px solid #CCCCCC;
        padding: .5em;
    }

    .but {
        height: 100px;
        margin: 0px auto;
        width: 200px;
    }
</style>
<nav th:replace="navtempStore::nav(#{tenantcenter.name})"></nav>
<div class="container" style="margin-top: 5em;">
    <div class="row">
        <div class="col-sm-12 col-md-12">
            <nav class="navbar navbar-default">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                                data-target="#bs-example-navbar-collapse-2" aria-expanded="false">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand" href="#">小班课报名管理：</a>
                    </div>
                </div>
            </nav>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <ul id="myTab" class="nav nav-tabs">
                <li class="active">
                    <a href="#home" data-toggle="tab">
                        已报名会员
                    </a>
                </li>
                <li><a href="#tab2" data-toggle="tab">添加报名会员</a></li>
            </ul>
            <div id="myTabContent" class="tab-content">
                <div class="tab-pane fade in active" id="home">
                    <div class="row" style="margin-top: .5em;">
                        <div class="col-sm-6 col-md-2">
                            <div class="thumbnail">
                                <img th:src="@{/images/placeholder.jpeg}" alt="微信头像"
                                     style="width: 80px;height: 80px;"/>

                                <div class="caption">
                                    <h4>皇上</h4>

                                    <p>性别:男</p>

                                    <p>地区:北京 西城</p>

                                    <p>电话:18888888888</p>

                                    <p>
                                        <button class="btn btn-sm btn-danger cawx" role="button">删除</button>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-2">
                            <div class="thumbnail">
                                <img th:src="@{/images/placeholder.jpeg}" alt="微信头像"
                                     style="width: 80px;height: 80px;"/>

                                <div class="caption">
                                    <h4>皇上</h4>

                                    <p>性别:男</p>

                                    <p>地区:北京 西城</p>

                                    <p>电话:18888888888</p>

                                    <p>
                                        <button class="btn btn-sm btn-danger cawx" role="button">删除</button>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-2">
                            <div class="thumbnail">
                                <img th:src="@{/images/placeholder.jpeg}" alt="微信头像"
                                     style="width: 80px;height: 80px;"/>

                                <div class="caption">
                                    <h4>皇上</h4>

                                    <p>性别:男</p>

                                    <p>地区:北京 西城</p>

                                    <p>电话:18888888888</p>

                                    <p>
                                        <button class="btn btn-sm btn-danger cawx" role="button">删除</button>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-2">
                            <div class="thumbnail">
                                <img th:src="@{/images/placeholder.jpeg}" alt="微信头像"
                                     style="width: 80px;height: 80px;"/>

                                <div class="caption">
                                    <h4>皇上</h4>

                                    <p>性别:男</p>

                                    <p>地区:北京 西城</p>

                                    <p>电话:18888888888</p>

                                    <p>
                                        <button class="btn btn-sm btn-danger cawx" role="button">删除</button>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade in" id="tab2">
                    <div class="row" style="margin-top: .5em;">
                        <div class="col-md-4">
                            <div class="input-group" style="margin-bottom: .5em;">
                                <input name="description" class="form-control" placeholder="微信昵称,查询微信号并添加"
                                       aria-describedby="basic-username" type="text"/>
                                <span class="input-group-btn">
                                    <button class="btn btn-default" type="button">查询</button>
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="row" style="margin-top: .5em;">
                        <div class="col-sm-6 col-md-2">
                            <div class="thumbnail">
                                <img th:src="@{/images/placeholder.jpeg}" alt="微信头像"
                                     style="width: 80px;height: 80px;"/>

                                <div class="caption">
                                    <h4>皇上</h4>

                                    <p>性别:男</p>

                                    <p>地区:北京 西城</p>

                                    <p>
                                        <button class="btn btn-sm btn-primary chwx" role="button">添加</button>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-2">
                            <div class="thumbnail">
                                <img th:src="@{/images/placeholder.jpeg}" alt="微信头像"
                                     style="width: 80px;height: 80px;"/>

                                <div class="caption">
                                    <h4>皇上</h4>

                                    <p>性别:男</p>

                                    <p>地区:北京 西城</p>

                                    <p>
                                        <button class="btn btn-sm btn-primary chwx" role="button">添加</button>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-2">
                            <div class="thumbnail">
                                <img th:src="@{/images/placeholder.jpeg}" alt="微信头像"
                                     style="width: 80px;height: 80px;"/>

                                <div class="caption">
                                    <h4>皇上</h4>

                                    <p>性别:男</p>

                                    <p>地区:北京 西城</p>

                                    <p>
                                        <button class="btn btn-sm btn-primary chwx" role="button">添加</button>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-2">
                            <div class="thumbnail">
                                <img th:src="@{/images/placeholder.jpeg}" alt="微信头像"
                                     style="width: 80px;height: 80px;"/>

                                <div class="caption">
                                    <h4>皇上</h4>

                                    <p>性别:男</p>

                                    <p>地区:北京 西城</p>

                                    <p>
                                        <button class="btn btn-sm btn-primary chwx" role="button">添加</button>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
